<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
 * Resumen.
 * Objeto 				:	layourSIRENAS.xhtml
 * Descripcion 			: 	.
 * Fecha de Creacion 	: 	24/02/2015.
 * Pry de Creacion 		: 	RNA/RNS.
 * Autor 				: 	Julio Cayulla.
 * ================================================================================================
 * Modificaciones
 * Motivo						Fecha		Nombre				Descripcion
 * ================================================================================================
 *
 -->

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">
	<h:head>
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>OSCE - Organismo Supervisor de las Contrataciones del Estado</title>
		<link href="#{request.contextPath}/recursos/css/estilos.css" 	rel="stylesheet" 	type="text/css" />
		<link href="#{request.contextPath}/recursos/css/estilosRNAS.css" 	rel="stylesheet" 	type="text/css" />
		<link href="#{request.contextPath}/recursos/css/seaceStyle.css" rel="stylesheet" type="text/css" /> 
		
		<style>
		   .northUnit {
		     height: 60px !important;
		   }
		.hdLeft {
		  position: absolute;
		  /* position: relative; */
		  left: 40px;
		  width: 10%;
		  float: left;
		  /* background-color: #b0e0e6; */
		}
		.hdCenter {
		  position: absolute;
		  /* position: relative; */
		  left: 40%;
		  width: 50%;
		  float: center;
		  /* background-color: #b0e0e6; */
		}
		.hdRight {
		  position: absolute;
		  /* position: relative; */
		  right: 20px;
		  width: 10%;
		  float: right;
		  /* background-color: #b0e0e6; */
		}
		.imgHead {
		  box-shadow: 2px 2px 2px #696969;
		  -webkit-box-shadow: 2px 2px 2px #696969;
		  -moz-box-shadow: 2px 2px 2px #696969;
		}
		</style>
	</h:head>

	<h:body>
		<h:panelGroup layout="block">
			<p:layout fullPage="true">
				<p:layoutUnit position="north"  styleClass="northUnit">
					<div class="hdLeft">
							<p:graphicImage url="/recursos/imagenes/Logo OSCE.jpg" styleClass="imgHead" height="55" width="170"/>	
					</div>
					<div class="hdCenter" style="font-size:x-large;">
							<p:outputLabel style="vertical-align:-20px;font-weight: bold;font-size:x-large;" value="#{rbSirenasUI['sirenas.ui.general.title.publico']}"/>
					</div>
					<div class="hdRight">
							<p:graphicImage url="/recursos/imagenes/user_default.ico" styleClass="imgHead" height="55" width="50"/>	
					</div>
					<ui:insert name="top" >
						<ui:include src="header.xhtml" />
					</ui:insert>
					
				</p:layoutUnit>

				<p:layoutUnit position="center">
					<ui:insert name="content">

					</ui:insert>
				</p:layoutUnit>
				<p:layoutUnit position="south" >

					<ui:insert name="bottom">
						<ui:include src="footer.xhtml" />
					</ui:insert>
				</p:layoutUnit>
			</p:layout>

		</h:panelGroup>
	</h:body>
</f:view>

</html>